<template>
	<view class="order-page">
    <ys-order-consignee-info name="张三" tel="18270088085" addr="湖南省长沙市雨花区汇富中心A栋1422" shopName="12345店"></ys-order-consignee-info>
    <view class='derive'>
      <view class='hint'>1. 如果您购买的商品有任何问题，请直接与购买门店联系！进行售后保证！</view>
      <view class='hint'>2. 如果您找不到提货门店，请致电太好乐优选帮忙热线！</view>
      <view class='i-tel' bindtap="phoneCall" data-tel="400-088-0692">400-088-0692
        <view class="i-tel-image">&#xe629;</view>
      </view>
    </view>
    <ys-order-shop-list></ys-order-shop-list>
  </view>
</template>

<script>
</script>

<style lang="scss">
  @font-face {
    font-family: 'iconfont';  /* project id 1059400 */
    src: url('//at.alicdn.com/t/font_1059400_5hok7v6dxcn.eot');
    src: url('//at.alicdn.com/t/font_1059400_5hok7v6dxcn.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1059400_5hok7v6dxcn.ttf') format('truetype'),
  }
  page{
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
  }
  .order-page{
    width: 100%;
    height: 100%;
    .derive{
      width: 100%;
      height: 220upx;
      background-color: #fff;
      margin-top: 30upx;
      padding: 20upx;
      .hint{
        font-size: 24upx;
        font-family: PingFang-SC-Regular;
        font-weight: 400;
        color: rgba(153, 153, 153, 1);
      }
      .i-tel{
        font-size: 24rpx;
        margin-top: 20upx;
        width: 100%;
        height: 40px;
        line-height: 40upx;
      }
      .i-tel-image{
        width: 40upx;
        height: 40upx;
        display: inline-block;
        background-color: gold;
        vertical-align: top;
        margin-left: 20upx;
        border-radius:50%; 
        font-family: 'iconfont';
        text-align: center;
        line-height: 40upx;
        font-size:32upx;
      }
    }
  }
  
</style>
